<section id="setuser">
    <section class="userTop">
        <header nz-row>
            <div nz-col [nzSpan]="6">
                <label>
                    <span>公司名称</span>
                </label>
                <nz-input [(ngModel)]="parts.companyName" [nzPlaceHolder]="'公司的名称'" [nzSize]="'large'"></nz-input>
            </div>
            <div nz-col [nzSpan]="6">
                <label>
                    <span>账号</span>
                </label>
                <nz-input [(ngModel)]="parts.customerAccount" [nzPlaceHolder]="'客户账号'" [nzSize]="'large'"></nz-input>
            </div>
            <div nz-col [nzSpan]="6">
                <label>
                    <span>联系方式</span>
                </label>
                <nz-input [(ngModel)]="parts.customerMobile" [nzPlaceHolder]="'联系方式'" [nzSize]="'large'"></nz-input>
            </div>
        </header>
        <main class="clearfix">
            <button class="fr" nz-button [nzType]="'primary'" (click)="loadAll()">
              <i class="anticon anticon-search"></i><span>检索</span>
            </button>
        </main>
        <footer>
            <button nz-button [nzType]="'default'" routerLink="../cusinfo-new">
              <span>添加</span>
            </button>
        </footer>
    </section>
    <section>
        <main>
            <nz-table #nzTable [nzDataSource]="data" [nzPageSize]="10" (nzPageIndexChange)="resetIndex($event)">
                <thead nz-thead>
                    <tr>
                        <th nz-th><span>序号</span></th>
                        <th nz-th><span>账号</span></th>
                        <th nz-th><span>公司名称</span></th>
                        <th nz-th><span>负责人</span></th>
                        <th nz-th><span>联系方式</span></th>
                        <th nz-th><span>签约时间</span></th>
                        <th nz-th><span>操作</span></th>
                    </tr>
                </thead>
                <tbody nz-tbody>
                    <tr nz-tbody-tr *ngFor="let data of nzTable.data;let i = index">
                        <td nz-td>{{i+1}}</td>
                        <td nz-td>
                            {{data.customerAccount}}
                        </td>
                        <td nz-td>{{data.companyName}}</td>
                        <td nz-td>{{data.customerName}}</td>
                        <td nz-td>{{data.customerMobile}}</td>
                        <td nz-td>{{data.signTime}}</td>
                        <td nz-td>
                            <button nz-button [nzType]="'default'" [routerLink]="['../cusinfo', data.bigCustomerId ]">
                              <span>查看</span>
                            </button>
                            <button nz-button [nzType]="'default'" [routerLink]="['../cusinfo', data.bigCustomerId,'sec' ]">
                              <span>查看部门</span>
                            </button>
                            <button nz-button [nzType]="'default'" [routerLink]="['../cusinfo-new', data.bigCustomerId ]">
                              <span>编辑</span>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </nz-table>
        </main>
    </section>
</section>